/* CSS Document */
*{
	margin:0;
	padding:0;
}
.clr{
	clear: both;
}
body{
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:url('../data/win_bg.gif');
}
#main{
	margin: 0 auto;
	width: 1000px;

}
table.toolTip{
	border-collapse: collapse;
	font-size: 14px;
	text-align: left;
	margin: 5px 0;
}
table.toolTip td{
	padding: 3px 10px;
	
}
table.toolTip td.titleTip{
	font-weight: bold;
	color: #00F;
	
}
/*=============================TOP================================*/
.top{
	width: 1000px;
	height: 38px;
	background-color:#4a4a4a;
}
div.top{
	float: right;
}
.languages{
	float:right;
	width:150px;
	padding-top:8px;
}
.languages div{
	float:left;
	color:#b3adad;
	padding:0 3px 0 0;
}
.languages a{
	display:block;
	float:left;
	padding:0 4px;	
}
.search{
	width:370px;
	height:32px;
	float:right;
	margin-right:20px;
	
}
div.search
{
	background:#CCC;
	border-radius: 0 0 10px 10px;
}
.search .search_text{
	padding:8px 0 0 15px;
	float:left;
	width:110px;
	color:#999999;
}
.search .search_text a{
	color:#999999;
	text-decoration:none;
}
.search .search_input{
	width:182px;
	height:18px;
	margin-top:5px;
	border: 1px solid  #dbdbdb;
	float:left;
	
}
.search .search_bt{
	margin: 5px 0 0 5px;
}
/*=======================================HEADER===================================*/
.header{
	
	width:1000px;
	height:250px;
}

/*=================================CONTENT=================================*/
#menu_tab{
	width:1000px;
	height:50px;
}

ul.menu{
	width:982px;
	float:left;
	background:#C0C0C0;
	display:block;
	list-style-type:none;
	border-radius:0 0 10px 10px;
}
ul.menu li{
	display:inline;
	font-size:11px;
	font-weight:bold;
	line-height:50px;

}
ul.menu li.divider{
	display:inline;
	width:2px;
	height:50px;
	float:left;
	background:url(../images/top10phimhay-bg.jpg) no-repeat center;
}
ul.menu li a, ul.menu li a:visited{
	display:block;
	float:left;
	padding:0 8px 0 22px;
	margin:0 14px;
	height:50px;
	text-decoration:none;
	color:#FFF;
	width: 100px;
}
/*=================================LEFT CONTENT============================*/
#left_content{
	width:200px;
	float:left;
}
.title_box{
	width:200px;
	height:30px;
	padding-top:20px;
	margin:5px 0 0 0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #666;
	border-radius: 10px 10px 0 0;
	background:#C0C0C0;
}
ul.left_menu{
	width:200px;
	list-style:none;
	border:1px #666 solid;
	
}
ul.left_menu li{
	list-style:none;
	width:190px;
	
}
ul.left_menu li.odd a{
	width:170px;
	height:25px;
	display:block;
	background:url(../images/star.gif) no-repeat left #FFF5EE;
	text-decoration:none;
	line-height:25px;
	color:#504b4b;
	background-position:5px 5px;
	padding:0 0 0 30px;
}
ul.left_menu li.even a{
	width:170px;
	height:25px;
	display:block;
	background:url(../images/star.gif) no-repeat left #F5F5DC;
	text-decoration:none;
	line-height:25px;
	color:#504b4b;
	background-position:5px 5px;
	padding:0 0 0 30px;
}
ul.left_menu li.odd a:hover, ul.left_menu li.even a:hover{
	background:url(../images/star.gif) no-repeat left #7bbcc7;
	background-position:5px 5px;
	color:#fff;
}
.border_box{
	width:200px;
	height:auto;
	text-align:center;
	border:1px solid #6da6b1;
}
.product_title{
	color:#6a2222;
	padding:5px 0;
	font-weight:bold;
}
div.product_image img
{
	width: 170px;
}
/*=================================CENTER CONTENT============================*/
#center_content{
	width:570px;
	float: left;
	padding:5px 10px;
}
.center_title{
	width:560px;
	height:23px;
	float:left;
	border:1px solid #333;
	border-radius: 10px 10px 10px 10px;
	background-color:#666;
	padding:0 0 5px 0;
	line-height:33px;
	margin:0px;
	margin-left:10px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.HienThi{
	width:160px;
	height:auto;
	float:left;
	padding:10px 10px 10px 11px;
	text-align:center;
	margin-left: 9px;
}


.sp_center .pro_title a{
	text-decoration:none;	
}
div .pro_img {
	width:160px;
	height:160px;
	float: left;	
}
div.pro_img img{
	width:160px;
	height:160px;
}
/*=================================RIGHT CONTENT============================*/
#right_content{
	width:200px;
	float:right;
}
.title_box{
	width:200px;
	height:30px;
	padding-top:20px;
	margin:5px 0 0 0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #666;
	border-radius: 10px 10px 0 0;
	background:#C0C0C0;
}
ul.right_menu{
	width:200px;
	list-style:none;
	border:1px #666 solid;
	
}
ul.right_menu li{
	list-style:none;

}
ul.right_menu li.odd a{
	width:170px;
	height:25px;
	display:block;
	background:url(../images/star.gif) no-repeat left #FFF5EE;
	text-decoration:none;
	line-height:25px;
	color:#504b4b;
	background-position:5px 5px;
	padding:0 0 0 30px;
}
ul.right_menu li.even a{
	width:170px;
	height:25px;
	display:block;
	background:url(../images/star.gif) no-repeat left #F5F5DC;
	text-decoration:none;
	line-height:25px;
	color:#504b4b;
	background-position:5px 5px;
	padding:0 0 0 30px;
}
ul.right_menu li.odd a:hover, ul.right_menu li.even a:hover{
	background:url(../images/star.gif) no-repeat left #7bbcc7;
	background-position:5px 5px;
	color:#fff;
}
.border_box{
	width:200px;
	height:auto;
	text-align:center;
	border:1px solid #6da6b1;
}
.product_title{
	color:#6a2222;
	padding:5px 0;
	font-weight:bold;
}
.shopping_card{
	width:200px;
	height:150px;
	text-align:center;
	background:url(../images/back_main.jpg) repeat center;
}
.card_details{
	
}
#noidung{
	margin-top: 15px;
	font-size: 13px;
	width: 570px;
	float:left;
	margin-left: 10px;
	padding-bottom: 20px;
	border: 1px #212121 solid;
	background: #DDD;
}
/*=================================================FORM================================================*/
input[type=text], input[type=password] {
	width: 300px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border: 1px dotted #808000;
}
input[type=text]:focus, input[type=password]:focus{
	border: 1px solid #808000;
}
input[type=text].tenHinh {
	width: 242px;
	
}
select {
	width: 300px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border: 1px dotted #808000;
	margin: 5px 0;
}
form.timkiemsp{
	margin: 0 10px 0px;
}
select.timkiem {
	width: 150px;
}
textarea {
	border-top: 1px dotted #808000;
	border-left: 1px dotted #808000;
	border-right: 1px dotted #808000;
	border: 1px dotted #808000;
}
table.List {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
table.List h3 {
	text-align:center;
}
table.List th {
	color: #900;
	padding: 5px;
	background: #DEE3E7;
	border: 1px solid #B0C4DE;
}

table.List td {
	padding: 5px;
	border: 1px solid #B0C4DE;
}
input[type=submit] {
	margin: 8px 0;
	border: 1px solid #808000;
	padding: 3px 5px 3px 5px;
	background-color: #98FB98;
	float: right;
}
input[type=submit].btn_timkiem {
	margin-top: 0px;
	border: 1px solid #808000;
	padding: 3px 5px 3px 5px;
	background-color: #98FB98;
	float: none;
}

input[type=submit]:hover{
	border: 1px solid #ff0000;
}
input.error {
	border: 1px solid #ff0000;
}

select.error {
	border-bottom: 1px solid #ff0000;
}

textarea.error {
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border: 1px solid #ff0000;
}

label.error {
	color: #ff0000;
}

span.requirefield, p.requirefields{
	color: #ff0000;
	padding-left: 5px;
	font-size: 13px;
}
p.requirefields{
	font-style: italic;
}
form{
	margin: 2px 0 7px 0;
}
table.Form {
	border-collapse: collapse;
	
}
table.Form td {
	border: 0px solid #778899;
	padding: 5px 3px;
}
table.Form th{
	border: 0px solid #778899;
	padding: 3px 2px 3px 2px;
}
#SanPham {
	width: 170px;
	height: 240px;
	max-height: 280px;
	float: left;
	text-align: center;
	margin: 10px 5px 5px 10px;
	border: 1px #FFF solid;
	box-shadow: 7px 7px 4px #FFF;
}
#SanPham:hover {
	border: 1px #F00 solid;
}


#SanPham img {
	width: 150px;
	height: 170px;
}

#SanPham p {
	margin: 0px;
	padding: 0px;
}
#PhanTrang{
	clear: both;
	padding: 20px;
}
#PhanTrang a{
	color: #0000ff;
	text-decoration: none;
	background-color: #DCDCDC;
	
	padding: 5px;
	width:40px; height:40px;
	border:1px solid lightgray;
	font-weight:bold;
}

#PhanTrang a:hover{
	color: #FF0000;
}
#SanPham .TenSanPham {
	
	font-weight: bold;
	color: #9C3;
}

#SanPham .GiaBan {
	font-weight: bold;
	color: #ff0000;
}
#SanPham .DatMua {
	margin-bottom: 5px;
}
p.XemTiep, span.LuotXem{
	text-align: right;
	font-family: Arial;
	font-size: 14px;
	padding: 0px;
	margin: 3px 0 3px 0;
} 
p.XemTiep a{
	text-align: right;
	font-family: Arial;
	font-size: 14px;
	padding: 0px;
	margin: 3px 0 3px 0;
	color: #0000ff;
}
p.XemTiep a:hover{
	text-align: right;
	font-family: Arial;
	font-size: 14px;
	padding: 0px;
	margin: 3px 0 3px 0;
	color: #0000ff;
	text-decoration: none;
}
.slider_hinhsp
{
	float: left;
	height: 250px;
	background:#FFF;
	width: 34%;
}
div.slider_thongtinsp
{
	width: 65%;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	background: #FFF;
	height: 250px;
	border-left: #333 2px solid;
	
}
.slider_thongtinsp .TenSP
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 15px;
	color:#600;
}
.slider_thongtinsp .thongtin_sp
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	margin-right: 20px;
	color:#006;
}
.slider_thongtinsp .GiaBan
{
	color: #F00;
	font-size:18px;
	font-weight:bold;
	padding: 10px;
	margin-bottom: 10px
}
.sanpham_detail{
	width: 565px;
	height: 250px;
	border: #c0c0c0 3px solid;
	margin-bottom: 20px;
}
.sanpham_detail li {
	list-style: none;
}
.luotxem{
	color:#00F;
	float: right;
	margin-left: 15px;
}
.MoTa{
	margin-top: 10px;
	height: auto;
	background:#FFF;
	width: 780px;
	padding: 20px 0;
}
#noidung h3{
	font-size: 16px;
	margin-bottom: 15px;
    background: #212121;
    padding: 12px 9px;
    width: 97%;
    animation: ;
    color: white;
    font-weight: bold;
	text-align: center;
}

/*===================================================Footer==================================================*/
.link{
	width: 1000px;
	height: 38px;
	background-color:#C0C0C0;
	color:#ffffff;
	display:block;
	list-style-type:none;
	border-radius:0 0 10px 10px;
}
div.link{
	margin-top:10px;
	text-align:center;
	padding: 33px 0px 0px 0px;
}